﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Chat.aspx.cs" Inherits="ChatWeb.Chat" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/General.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="Scripts/js-chat.js" type="text/javascript"></script>

    <script type="text/javascript">
        function LLenarID(element) {
            var numero = element.id;
            var usuario = element.className;
            document.getElementById("txtReceptorID").value = numero;
            html = "<li><a href='#' onclick='Abrir(" + numero + ")' id='UsuAbierto'>" + usuario + " </a></li>";
            $("#lstAbiertos").append(html);
        }

        function Abrir(numero) {
            document.getElementById("txtReceptorID").value = numero;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="Chat">
        <div id="TituloChat"><img src="Images/chat.png" height="40" width="50"/><div style="width:200px; margin-left:-40px;">Chat Corporativo</div></div> 
        <div id="Contactos">
            <span>Conectados</span>
            <div id="CConectados">
                <ul id="lstConectados">
                    <li><a href="#">Jesus</a></li>
                    <li><a href="#">Claudia</a></li>
                    <li><a href="#">Milii</a></li>
                </ul>
            </div>
            
        </div>
        <div id="Conversacion">
            <div id="CAbierto">
                <ul id="lstAbiertos">
                    
                </ul>
            </div> 
            <asp:ScriptManager ID="ScriptManager1" runat="server"  EnablePartialRendering="true"></asp:ScriptManager>
            <asp:UpdatePanel ID="upConversacion" runat="server" UpdateMode="Conditional">
            
            <ContentTemplate>
            <fieldset>
            <asp:TextBox ID="CConversacion" runat="server" Rows="20" Width="500px" TextMode="MultiLine"></asp:TextBox>
            </fieldset>
            </ContentTemplate>
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnChat" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="TimerChat" EventName="Tick"></asp:AsyncPostBackTrigger>
            </Triggers>
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TimerChat" EventName="Tick" />
            </Triggers>
            </asp:UpdatePanel> 
            <asp:TextBox ID="txtChat" runat="server" Width="400"></asp:TextBox>
            <asp:Button ID="btnChat" runat="server" Text="Enviar" style="height: 26px" 
                onclick="btnChat_Click"/>
            <asp:Timer ID="TimerChat" runat="server" Interval="200" 
                ontick="TimerChat_Tick">
            </asp:Timer>
            <asp:HiddenField ID="txtReceptorID" runat="server" />
            <br />
            <br />
            <asp:LinkButton ID="lnkAnalizar" runat="server" onclick="lnkAnalizar_Click">Analizar Chat</asp:LinkButton>
        </div>
    </div>
    </form>
</body>
</html>
